<template>

    <div id="chater-panel">
        <div class="message-panel">
            <ul>
                <li>
                    <span class="nick-name">昵称：</span>
                    <span class="message-content">内容</span>
                </li>
            </ul>
        </div>
        <div>

        </div>
    </div>

</template>

<script>
    'use strict';

    export default {
        name: "Chater",
        props: {},
        data() {
            return {}
        },
        computed: {},
        methods: {},
        created() {
        },
        mounted() {
        }
    }
</script>

<style lang="scss" scoped>

    #chater-panel{
        margin: 10px;
        /*height: 100%;*/
        height: 800px;
        width: 300px;
        border: 1px black solid;

        .message-panel{

            ul{
                list-style: none;
                padding: 3px;

                &>li{
                    margin: 2px 0;

                    &>span{
                        font-size: 14px;

                        &.nick-name{
                            color: #f8c301;
                        }
                    }

                }
            }
        }

    }

</style>
